<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title></title>
<link rel="stylesheet" href="../includes/styleBase/css/styleBase.css"/>
<link rel="stylesheet" href="../includes/styleBase/css/ostable.css" />
<script type="text/javascript" src="../includes/styleBase/js/jquery.js"></script>
<script type="text/javascript" src="../includes/styleBase/js/style.js"></script>
<style>
	.leftTipArea{
		width:150px;
	}
</style>
</head>
<body>
<div class="tip">表单元素样式示例</div>
<table class="trHeightTable" cellpadding="0" cellspacing="0" border="0">
	<tr><td colspan="2">表单元素的宽度可以识情况调整，默认120px</td></tr>
	<tr><td class="leftTipArea">输入框</td><td><inputclass="textInput"/></td></tr>
    <tr><td class="leftTipArea">输入框(只读)</td><td><input class="textInputRead"/></td></tr>
    <tr>
   	<td class="leftTipArea">select选择框</td>
    <td >
      	<div class="select"><div><select>
            <option value="1">全部地区</option>
            <option value="2">东北地区</option>
            <option value="3">华北地区</option>
            <option value="4">华东地区</option>
            <option value="5">中南地区</option>
            <option value="6">西南地区</option>
			<option value="7">西北地区</option>
			<option value="8">新疆地区</option>
      	</select></div></div>
    </td>
    </tr>
    <tr>
    	<td class="leftTipArea">radio,checkbox暂用默认样式</td>
        <td><input type="checkbox"/><input type="radio"/></td>
    </tr>
    <tr>
    	<td class="leftTipArea">图片自适应宽度按钮</td>
        <td>
        	<a href="#2010" class="imgButton"><span>提交查询</span></a>
        </td>
    </tr>
</table>
<br/>
<div>按钮要居中的话，可以尝试如下的写法,其中margin-left:40%;可以视自身情况调整</div>
<div><a href="#2010" class="imgButton" style="margin-left:40%;"><span>提交查询</span></a><a href="#2010" class="imgButton"><span>提交查询</span></a></div>
</body>
</html>